#{extends 'head.html' /}
#{ set title:'蓝莲花 | 我要还书'/}

	<style type="text/css">
		body, a {
	   	 	color: #484848;
	    	font: 100 12px/22px "微软雅黑";
	    	text-decoration: none;
		}
		.member_left{ 
			border:1px solid #999;
			width:200px;
			float:left;
		}
	    .LeftNav h3 { 
			border-bottom:1px dotted #C1BC91;
			color: #7A6937;
			font-size: 14px;
			font-weight: bold;
			height: 30px;
			line-height: 30px;
			margin: 0 auto;
			width: 152px;
		}
		.LeftNav ol {
			margin: 0 auto;
			position: relative;
			width: 152px;
			z-index: 1011;	
		}
		ul, ol, li {
	   		 list-style: none outside none;
		}
		.LeftNav ol li {
			line-height: 25px;
			text-indent: 10px;
		}
		
		.LeftNav ol a {
	    	color: #7A6937;
		}
		.LeftNav ol a:hover {
	    	color:#3CF;
		}
		a:link {
	    	color: #333333;
	    	text-decoration: none;
		}
		
		.LeftAscxTop {
		    background: url("/public/images/jieyueka_32.jpg") repeat-x scroll 0 0 transparent;
		    height: 91px;
		    padding-left: 10px;
		    position: relative;
		    width: 178px;
		}
		
		.LeftAscxTop img.LeftAscxTopImgLeft {
		    float: left;
		    margin-right: 10px;
		    margin-top: 7px;
		}
		.LeftAscxTop div.LeftAscxTopImgBottom {
		    left: 40px;
		    position: absolute;
		    top: 75px;
		}
		.LeftNav ol li.HuanDengLi {
		    background: none repeat scroll 0 0 transparent;
		    cursor: pointer;
		    left: 55px;
		    position: absolute;
		    top: 70px;
		}
		.LeftNav ol li.ReadDengLi {
		    background: none repeat scroll 0 0 transparent;
		    left: 75px;
		    position: absolute;
		    top: 45px;
		}
		.memberRight {
		    float: right;
		    position: relative;
		    width: 770px;
		}
		.memberTopBg {
		    background-image: url("/public/images/jieyueka_28.jpg");
		    height: 54px;
		    padding-left: 140px;
		    padding-top: 50px;
		    width: 566px;
		}
		.memberConten {
		    margin-bottom: 10px;
		    margin-top: 20px;
		    position: relative;
		    width: 710px;
		}
		
		.memberTopBg span {
		    color: #7A6937;
		    font-size: 16px;
		    font-weight: bold;
		    text-decoration: none;
		}
		.member_right{
			float:right;
			right:-30px;
			width:700px;
		}
		#DivUserLike {
		    border: 1px solid #CCCCCC;
		    height: 262px;
		    margin-left: 10px;
		    width: 695px;
		}
		.memberConten {
		    margin-bottom: 10px;
		    margin-top: 20px;
		    position: relative;
		    width: 710px;
		}
		#UserInfo dl {
		    width: 710px;
		}
		#UserInfo dl dt {
		    border-bottom: 1px solid #ECDEB6;
		    color: #6A5C35;
		    font-size: 12px;
		    height: 40px;
		    line-height: 40px;
		    width: 710px;
		}
		#UserInfo dl dt samp {
		    float: left;
		    font-weight: bold;
		    text-indent: 10px;
		}
		#UserInfo dl dt span {
		    float: right;
		    width: 350px;
		}
		#UserInfo dl dd {
		    border-bottom: 1px solid #ECDEB6;
		    margin: 0;
		    padding: 10px 0;
		    width: 710px;
		}
		#UserInfo dl dd table {
		    margin-left: 10px;
		    width: 520px;
		}
		#UserInfo dl dd table tr td {
		    font-size: 12px;
		    height: 20px;
		    line-height: 20px;
		    width: 260px;
		}
		#UserInfo dl dd table tr td #spanCardId, #spanPurview, #spanMyLink {
		    color: #B38E0D;
		    font-weight: bold;
		}
		#UserInfo dl dd table tr td #spanFruit, #spanDeposite {
		    color: Red;
		}
		#DivUserLike h2 {
		    color: Black;
		    font: bold 12px/55px Arial,Helvetica,sans-serif;
		    height: 55px;
		    text-indent: 10px;
		}
		#DivUserLike dl {
		    height: 200px;
		    margin: 0 auto;
		    width: 690px;
		}
		#DivUserLike dd {
		    border-right: 1px dashed #CCCCCC;
		    float: left;
		    height: 200px;
		    margin: 0;
		    padding-left: 8px;
		    padding-right: 4px;
		    width: 216px;
		}
		#DivUserLike dd a img {
		    border: 1px solid #CCCCCC;
		    float: left;
		    height: 116px;
		    padding: 2px;
		    width: 86px;
		}
		#DivUserLike dd p span a {
		    color: #FF6600;
		}
		#DivUserLike dd p {
		    float: right;
		    height: 120px;
		    line-height: 20px;
		    width: 115px;
		}
		#DivUserLike dd p span {
		    float: right;
		    overflow: hidden;
		    width: 115px;
		}
		dl{
			list-style: none outside none;
		}
		#memberSearchDiv {
		    clear: both;
		    margin: 20px 0;
		    position: relative;
		    width: 710px;
		    z-index: 1010;
		}
		#memberSearchDiv table {
		    clear: both;
		    width: 710px;
		}
		#memberSearchDiv table thead tr th {
		    background-color: #FBF7EB;
		    border: 1px solid #E7D49E;
		    color: #6A5C35;
		    font-size: 12px;
		    font-weight: bold;
		    height: 30px;
		    text-align: left;
		    text-indent: 10px;
		}
		#memberSearchDiv table tbody tr td {
		    border-bottom: 1px solid #E7D49E;
		    border-left: 1px solid #E7D49E;
		    border-right: 1px solid #E7D49E;
		    color: #6A5C35;
		    font-size: 12px;
		    height: 30px;
		    overflow: hidden;
		    padding-left: 10px;
		    vertical-align: middle;
		    width: 700px;
		}
		#memberSearchDiv table tbody tr td div {
		    position: relative;
		}
		#memberSearchDiv table tbody tr td input.txtStyle {
		    height: 20px;
		    margin-right: 10px;
		    width: 150px;
		}
		.btmSubmit {
		    background: url("/public/images/BgImgButton.jpg") no-repeat scroll 0 0 transparent;
		    color: #FFFFFF;
		    cursor: pointer;
		    font: bold 12px/24px arial;
		    height: 24px;
		    text-align: center;
		    width: 63px;
		}
		.memberConten {
		    margin-bottom: 10px;
		    margin-top: 20px;
		    position: relative;
		    width: 710px;
		}
		.memberConten table.ShowInfo, .memberConten table.InputInfo {
		    border-collapse: collapse;
		    width: 710px;
		}
		.memberConten table.ShowInfo, .memberConten table.InputInfo {
		    border-collapse: collapse;
		}
		.memberConten table.ShowInfo, .memberConten table.InputInfo {
		    border-collapse: collapse;
		}
		.ShowInfo thead tr th {
		    background-color: #FBF7EB;
		    border: 1px solid #E7D49E;
		    color: #6A5C35;
		    font-size: 12px;
		    font-weight: bold;
		    height: 27px;
		    line-height: 27px;
		    text-align: center;
		}
		.MemberPages {
		    margin-bottom: 20px;
		    width: 710px;
		}
		.memberConten table tbody tr td {
		    border: 1px solid #E7D49E;
		    color: #6A5C35;
		    font-size: 12px;
		    height: 30px;
		    overflow: hidden;
		    padding-left: 10px;
		    vertical-align: middle;
		    width: 700px;
		}
		.del:HOVER {
			color:#8CADD4;
		}
	</style>
<link rel="stylesheet" href="/public/stylesheets/alert.css" type="text/css" />
   <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="/public/javascripts/adu.alert.js"></script>
  <body>
    <div style="width:980px; margin:10px auto;">
       	<div class="member_left">
    		<div class="LeftAscxTop">
				    <img class="LeftAscxTopImgLeft" src="/public/images/jieyueka_35.jpg">
				    <dl>
				        <dt id="UserLeftControl2_dtUserName">${meb.memnum }</dt>
				        <dd id="UserLeftControl2_dtUserLevel">身份:${memtype.metname}</dd>
				        <dd>
				            卡号:<span id="UserLeftControl2_spanCardId">${meb.lecnum}</span>
				        </dd>
				    </dl>
				    <div class="LeftAscxTopImgBottom">
				        <a href="/BookHome/Index.aspx?CardId=000713753">
				            <img src="/images/jieyueka_03.jpg">
				        </a>
				    </div>
				</div>
				<div class="LeftNav">
				    <h3>.会员记录</h3>
				    <ol>
				        <li><a href="/updatemsg.html">修改会员资料</a></li>
				        <li><a href="/updatepass.html">修改密码</a></li>
				    </ol>
				    <h3>.会员订单</h3>
				    <ol>
				        <li><a href="">我的借阅卡</a></li>
				        <li><a href="/imporder.html">我的预借</a></li>
				        <li><a href="/disorder.html">我的订单</a></li>
				        <li><a href="/myborrow.html">我的借阅</a></li>
				        <li><a href="">提醒</a></li>
				        <li style="margin-left:40px;" class="HuanDengLi">
				            <img title="点我看看" class="readLibtnDg" id="huanLibtnDeng" src="/images/deng/deng3.jpg">
				        </li>
				        <li id="HuanLiDengInfoNote" style="display: none;">
				            <img id="HuanLiDengPic" src="/images/deng/13.jpg">
				            <img id="btnHuanLiDengCloses" src="/images/deng/dengclose.jpg">
				        </li>
				    </ol>
				    <h3>.会员账户</h3>
				    <ol>
				        <li><a href="/paymoney.html">在线充值</a></li>
				        <li><a href="/recharge.html">充值记录</a></li>
				        <li><a href="/consume.html">账户消费记录</a></li>
				    </ol>
				    <h3>.会员反馈</h3>
				    <ol>
				        <li><a href="/Frontlist.html">我的反馈</a></li>
				        <li><a href="">我的收藏架</a></li>
				        <li><a href="/trss.html">点书台</a></li>
				    </ol>
				</div>
				<div class="LeftAscxBottom">
				</div>
    	</div>
    	<div class="member_right">
    		<div style="" class="memberRight">
	            <p class="memberTopBg">
	                <span>我的还书</span>
	            </p>
	            <div class="memberConten">
	                <table class="ShowInfo">
	                    <thead>
	                        <tr><th>序号</th><th>联系人</th><th>座机号码</th><th>手机号码</th><th>提交时间</th><th>状态</th></tr>
	                    </thead>
	                    <tbody>
	                        #{list items:blist, as:'blist'}
		                        <tr>
		                        	<td>${blist?.id}</td>
		                        	<td>${blist?.pName}</td>
		                        	<td>${blist?.telphone}</td>
		                        	<td>${blist?.moilephone}</td>
		                        	<td>${blist?.ctime}</td>
		                        	<td>
		                        		${blist.state == 0 ? "未还":""}
		                        		${blist.state == 1 ? "已还":""}
		                        		${blist.state == 2 ? "处理中":""}
		                        		${blist.state == 3 ? "未理中":""}
		                        	</td>
		                        </tr>
		                    #{/list}
	                    </tbody>
	                </table>
	            </div>
	            <div style="margin-top:20px;">
	            	<h2 style="font-size:14px;">我要还书</h2>
	            	<div>
	            		<div class="m2_b_c1">
		                	<div class="m2c_a">书籍：</div>
		                    <div class="">
		                    	#{list items:indent?.borrows, as:'bb'}
		                    		<span>${bb.boo.booName}<span>&nbsp;
		                   		#{/list}
		                    </div>
		                </div>
		                <div class="m2_b_c1">
		                	<div class="m2c_a">联系人：</div>
		                    <div class="m2c_b"><input id="memname" value="${meb?.memname}" type="text"/></div>
		                    <div class="m2c_c"><label id="span_one">请输入您的联系人！</label><label style="display:none;" id="span_two">请您输入正确的邮箱格式！</label><label style="display:none;color:red;" id="span_three">邮箱不能为空！</label><label style="display:none;color:red;" id="span_four">没有次邮箱！</label></div>
		                </div>
		                <div class="m2_b_c1">
		                	<div class="m2c_a">座机号码：</div>
		                    <div class="m2c_b"><input id="telphone" value="${meb?.mempho}" type="text"/></div>
		                    <div class="m2c_c"><label id="span_one">请输入您的座机号码！</label><label style="display:none;" id="span_two">请您输入正确的邮箱格式！</label><label style="display:none;color:red;" id="span_three">邮箱不能为空！</label><label style="display:none;color:red;" id="span_four">没有次邮箱！</label></div>
		                </div>
		                <div class="m2_b_c1">
		                	<div class="m2c_a">手机号码：</div>
		                    <div class="m2c_b"><input id="mobilephone" value="${meb?.memtel}" type="text"/></div>
		                    <div class="m2c_c"><label id="span_one">请输入您的手机号码！</label><label style="display:none;" id="span_two">请您输入正确的邮箱格式！</label><label style="display:none;color:red;" id="span_three">邮箱不能为空！</label><label style="display:none;color:red;" id="span_four">没有次邮箱！</label></div>
		                </div>
		                <div class="m2_b_c1">
		                	<div class="m2c_a">地址：</div>
		                    <div class="">
		                    	<select id = "address1">
		                    		<option value = "${meb?.memaddr}">${meb?.memaddr}</option>
		                    		<option value = "${meb?.memaddr2}">${meb?.memaddr2}</option>
		                    		<option value = "${meb?.memaddr3}">${meb?.memaddr3}</option>
		                    		<option value = "${meb?.memaddr4}">${meb?.memaddr4}</option>
		                    	</select>
		                    </div>
		                </div>
		                <div class="m2_b_c1">
		                	<div class="m2c_a">备注：</div>
		                    <div class=""><textarea id="remark" style="height:100px;" cols="40"></textarea> </div>
		                </div>
		                 <div class="m2_b_c1">
		                	<div class="m2c_a">图书损坏情况：</div>
		                    <div class=""><textarea id="bookdamagecase" style="height:100px;" cols="40"></textarea> </div>
		                </div>
		                 <div class="m2_b_c1">
		                 	<input style="margin-left:400px;" id="subm" type="button" value="提交" />
		                </div>
	            	</div>
	            </div>
		            <div class="MemberPages">
	                
					<!-- 分页 -->
	
	
	            	</div>
            </div>
    	</div>
    	<div style="both:clear;"></div>
    </div>
    <script type="text/javascript">
    	$("#subm").click(function(){
	        	$.ajax({
	        		type:'post',
	        		url :'/controllers/BackBooks.ckbackbook',
	        		data:({"indnum":${indnum}}),
	        		dataType:'html',
	        		success:function(ee){
	        			if(ee == "0"){
	        				aduAlert("您已经提交了本次订单还记记录！","提示");
	        			}
	        			if(ee == "1"){
			        		$.ajax({
			        			type:'post',
			        			url :'/controllers/BackBooks.addbackbookmsg',
			        			data:({"memname":$("#memname").val(),"telphone":$("#telphone").val(),"mobilephone":$("#mobilephone").val(),"address1":$("#address1").val(),"bookdamagecase":$("#bookdamagecase").val(),"remark":$("#remark").val(),"indnum":${indnum}}),
			        			dataType:'html',
			        			success:function(e){
			        				if(e == "1"){
			        					aduAlert("添加成功！","提示",function(){
			        						window.location.href = "";
			        					});
			        				}
			        				if(e == "0"){
			        					aduAlert("添加失败！","提示");
			        				}
			        			}
			        		});
	        			}
	        		}
	        	});
	        	
    	});
    </script>
  </body>
</html>

